<template>
  <div style="height: calc(100vh - 30px);background-color: white;">
    <div class="tc pt20" style="display: flex;">
      <div style="padding-left: 15px;">
        <tiny-alert   description="适用场景：批量收 月结 客户欠款。扫描销售单。" :closable="false" />
      </div>
      <div  style="flex: 1;">
        <JTab v-model="tab" size="large"  :list="[
        {id: '派单', name: '派单'},
        {id: '收款中', name: '收款中'},
        {id: '已完成', name: '已完成'},
      ]" />
      </div>
    </div>
    <div>
      <pd v-if="tab==='派单'"></pd>
      <hd v-if="tab==='收款中'"></hd>
      <done v-if="tab==='已完成'" ></done>
    </div>
  </div>
</template>
<script setup>
import {ref} from "vue";
import pd from "./pd.vue";
import hd from "./hd.vue";
import done from "./done.vue";
import JTab from "@/lui/JTab.vue";
const tab = ref('派单')



</script>
<style scoped lang="scss">

</style>